<template>
	<router-view></router-view>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue';
import login from './views/common/login.vue';
export default {
	name: 'App',
	components: {
		login
	}
};
</script>

<style>
#app {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50;
}

body {
	margin: 0px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}
.head {
	background: black;
	height: 95px;
}
.aside {
	background: #333;
	height: 100vh;
}
.main {
	background: rgb(173, 209, 223);
	background-image: url('./assets/windowsXP.jpg');
	background-size: cover;
	height: 95vh;
}

main::-webkit-scrollbar {
	width: 5px;
	height: 0%;
}
main::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #aaffff;
	border-radius: 10px;
}
main::-webkit-scrollbar-thumb {
	height: 5px;
	width: 5px;
	border-radius: 5px;
	background-color: yellow;
}
html::-webkit-scrollbar-thumb:window-inactive {
	background: #bbb3df;
}
</style>
